<template>
  <div class="app">
    <div class="right">
      <ul>
        <li><router-link to="/home" style="color: black">home</router-link></li>
        <li><router-link to="/list" style="color: black">list</router-link></li>
      </ul>
    </div>
    <div class="left">
      <router-view></router-view>
    </div>
  </div>
</template>
<script setup>

</script>
<style scoped lang="scss">
.app{
  display: flex;
  .right{
    width: 200px;
    height: 100vh;
    background-color: #ccc;
    ul{
      list-style: none;
      li{
        height: 50px;
        line-height: 50px;
        text-align: center;
      }
    }
  }
  .left{
    flex: 1;
  }
}

</style>